﻿@charset "utf-8";
/* CSS Document */


body { background:#000 url(images/bg.jpg) no-repeat; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
@font-face{font-family: VNF-FuturaRegular;src: url('VNF-FuturaRegular.ttf')}
ul{list-style:none;margin:0;}
#wrapper{margin:0 auto;padding:0;width:1000px;}
#header .header{float:left;padding-left:10px;}
#menu .menu{width:700px;float:left;}
	.menu ul{margin:0;padding:0}
			ul#topnav{float:left;width:700px;position:relative;}
			ul#topnav li{float:left;padding:1px 27px 1px 20px;padding:0px;border-right:1px solid #999;}
			ul#topnav li a{padding:7px 15px;display:block;color:#f0f0;text-decoration:none;font-size:13px;color:#ccc;font-weight:bold}
			ul#topnav li:hover{background:#000;}
			ul#topnav li a:hover{color:#fff;}
			ul#topnav li ul.children{float:left;margin-left:15px;background:url(images/iconhome.png) no-repeat; padding:4px 27px 0px 8px;position:absolute;left:0px;top:35px;display:none;width:auto;-moz-border:0px 0px 5px 5px;}
			ul#topnav li ul .children li{border-right:none;}
			ul#topnav li:hover ul{display:block}
			ul#topnav li ul a{display:inline;color:#333;font-weight:normal;font-size:11px;}
			ul#topnav li ul a:hover{text-decoration:underline;color:#333;}
			ul#topnav li ul li:hover{background:none;}
			ul#topnav li ul li{border-right:none;border-left:1px solid #ccc;}
	.search{float:right}
	.search .bg{float:left;width:180px;height:50px;background:url(images/search.png) no-repeat;padding:0px 70px 20px 0px}
	.filter .timkiem{background:url(images/bg_bar2.PNG) repeat-x;}
	.filter .btn{font-size:12px;color:#fff;margin-top:-8px;padding:0;width:75px;font-weight:bold;background:url(images/tkiem.PNG) no-repeat;height:35px;border:none;}
	.filter .btn:hover{color:#900}
	
	.count p{margin:0;padding:0;padding-left:10px;padding-bottom:10px;color:#434343;}
	.count p span{color:#83BC00;font-weight:bold}
#banner{padding-top:10px;height:345px;width:1000px;float:left;}

#content{}
	#leftcontent{width:750px;margin-right:0px;background:#fff;float:left;border-radius:5px;box-shadow: 5px 5px 5px #888888;}
		.filter{height:40px;}
		.listproduct{}
		.listproduct .title{background:#fff url(images/bg_bar.png);height:37px;}
				.title p{margin:0;padding:0;line-height:25px;padding-left:10px;color:#476401;padding-right:10px;}
				.sanpham{margin-top:5px;}
					.sp{float:left;width:150px;border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;box-shadow: 1px 1px 1px 1px #e8e8e8;margin:0px 15px 10px 20px;padding-bottom:5px;}
					.sp .images{margin-left:50px;margin-right:50px;}
					.sp .nd p{margin:0;padding:0;font-size:13px;}
					.sp .btn{float:left;width:65px;border-radius:10px;background:#E8E8E8;margin:10px 5px 10px 5px}
					.sp .btn a{text-decoration:none;color:#00F;line-height:15px;}
					.sp .btn a p{font-size:11px;}
					.sp .btn:hover{background:#666}
					.sp .btn a:hover{color:#fff;}
					.sp .gia{}
					.sp .gia p{font-size:11px;color:#f00;}
	#rightcontent{width:235px;float:right;margin-left:10px;}
		.right{width:230px;border-radius:5px;background:#fff;padding-bottom:8px;box-shadow: 2px 2px 2px 2px #e8e8e8;}
		.right .title{background: url(images/ttgiohang.png) no-repeat;height:40px;}
		.right .title p{margin:0;padding:0;line-height:30px;color:#476401;padding-left:40px;}
		.right .list ul{}
		.right .list ul li.num1 a{background:url(images/1.PNG) no-repeat;text-decoration:none;color:#434343;padding-left:20px;}
		.right .list ul li.num2 a{background:url(images/2.PNG) no-repeat;text-decoration:none;color:#434343;padding-left:20px;}
		.right .list ul li.num3 a{background:url(images/3.PNG) no-repeat;text-decoration:none;color:#434343;padding-left:20px;}
		.right .list ul li a span{color:#f00;}
		.right .list ul li{line-height:30px;border-bottom:1px dotted #ccc;margin-right:20px;margin-left:-20px;}
		.right .list ul li a:hover {color:#83BC00}
		.right .list p a{text-decoration:none;padding-right:10px;}
		.right .list p a:hover{color:#00F;text-decoration:underline}
		.right .list ul a{background:url(images/iconapple.png) no-repeat;text-decoration:none;color:#434343;padding-left:20px;}
		.right .list ul li:hover ul.child{display:block}
		.right .list ul li ul.child{display:none;position:relative;}
		.right .list ul li ul.child li{border-bottom:none;}
		.right .list ul li ul.child li a{background:url(images/plus.png) no-repeat;line-height:30px;}
	#doitac{border-radius:5px;box-shadow: 5px 5px 5px #888888;margin-top:15px;background:#fff;}
		#product-slider { height: 100px; width: 1000px;}
		#product-slider h2 { margin-bottom: 9px; }
		#product-slider .jcarousel-clip { margin-left: 45px; margin-right: 15px; }
		#product-slider .jcarousel-clip,
		#product-slider ul { padding-top:30px; width: 900px; height:50px;  overflow: hidden; }
		#product-slider ul li {position: relative;padding-left:10px}
		#product-slider ul li { float: left; display: inline; width: 100px; }
		#product-slider ul li a { height: 122px; width: 50px; position: relative; z-index: 10; display: block; }
		#product-slider img {display: block; }
		#product-slider .jcarousel-prev,
		#product-slider .jcarousel-next { position: absolute; top: 35px; width: 25px; height: 35px; cursor: pointer; }
		#product-slider .jcarousel-prev { background: url('images/back.png') no-repeat 0 0; left: 20px; }
		#product-slider .jcarousel-next { background: url('images/next.png') no-repeat 0 0; right: 20px; }
		#product-slider	.logodoitac{margin-left:390px;margin-right:380px;padding-bottom:10px;margin-top:-1px; position:absolute; z-index:99S}
		#product-slider	.logodoitac img{}
	#information{color:#fff;margin-top:15px;}
		.info{width:300px;float:left;margin-right:50px;color:#CCC;}
		.info .tieude{border-bottom:1px dashed #999;}
		.info .tieude {margin:0;padding:0;color:#83BC00;text-transform:uppercase;font-size:13px;border-bottom:1px dashed #666;line-height:30px}
		.info p{color:#666;margin:0;padding:0;padding-top:5px;}
#footer{background:url(images/footer.JPG) no-repeat;}
	.footer{width:1000px;margin:0 auto;padding:0;}
	.footer .menu1{width:500px;margin:0 auto}
			.menu1 ul{margin:0;padding:0}
			ul#topnav{float:left;width:700px;position:relative;}
			ul#topnav li{float:left;padding:1px 27px 1px 20px;padding:0px;border-right:1px solid #999;}
			ul#topnav li a{padding:7px 15px;display:block;color:#f0f0;text-decoration:none;font-size:13px;color:#ccc;font-weight:bold}
			ul#topnav li:hover{background:#000;}
			ul#topnav li a:hover{color:#fff;}
			ul#topnav li ul.children{float:left;margin-left:15px;background:url(images/iconhome.png) no-repeat; padding:4px 27px 0px 8px;position:absolute;left:0px;top:35px;display:none;width:auto;-moz-border:0px 0px 5px 5px;}
			ul#topnav li ul .children li{border-right:none;}
			ul#topnav li:hover ul{display:block}
			ul#topnav li ul a{display:inline;color:#333;font-weight:normal;font-size:11px;}
			ul#topnav li ul a:hover{text-decoration:underline;color:#333;}
			ul#topnav li ul li:hover{background:none;}
			ul#topnav li ul li{border-right:none;border-left:1px solid #ccc;}
			.top{width:50px;background:url(images/bg_top.PNG) no-repeat;float:right;height:40px;margin-top:-3px;}
			.top a{text-decoration:none;color:#fff;line-height:40px;font-size:15px;font-weight:bold;margin-left:5px;font-family:VNF-FuturaRegular}
			.top a:hover{color:#900;}
	.copy{color:#fff;height:40px;padding-top:20px;font-size:13px;color:#434343;margin:0 auto;width:600px;}